12. Як додати iFrame до курсу на LMS платформі WeStudy

Дізнайтеся, як вбудувати до курсу зовнішній інтерактивний матеріал за допомогою HTML-коду iFrame. Матеріал iFrame дає змогу відображати в курсі контент із зовнішніх сервісів: інтерактивні вправи, карти, форми, презентації, відео та інші вебресурси.

Останнє оновлення: 03 Серпня

На цій сторінці

1. Відкрийте редактор курсу
2. Оберіть тип матеріалу
3. Додайте основну інформацію
4. Вставте код iFrame
5. Перевірте відображення матеріалу
6. Налаштуйте навчання та оцінювання
7. Збережіть і опублікуйте матеріал

Крок 1.

Відкрийте редактор курсу

  1. Перейдіть до розділу «Курси».

  2. Відкрийте потрібний курс.

  3. Перейдіть до редактора змісту курсу.

  4. У потрібному модулі натисніть «+ Додати матеріал».



Редактор структури курсу WeStudy зі списком модулів і матеріалів, кнопкою «Додати матеріал» та панеллю налаштувань курсу для зміни обкладинки, назви й короткого опису.





Крок 2.

Оберіть тип матеріалу

  1. У вікні «Додати матеріал» відкрийте розділ «iFrame та Інтеграції».

  2. Оберіть матеріал «iFrame».

Після цього відкриється сторінка налаштування нового матеріалу.


Вікно «iFrame» у WeStudy з вибором мультимедійних матеріалів для додавання до курсу.






Крок 3.

Додайте основну інформацію

У розділі «Загальні налаштування» вкажіть:

  • назву матеріалу;

  • короткий опис;

  • зображення матеріалу.

Назва відображатиметься у змісті курсу та кабінеті студента.


Загальні налаштування iFrame-матеріалу з полями назви, короткого опису та завантаження зображення.





Крок 4.

Вставте код iFrame

  1. Відкрийте розділ «iFrame».

  2. Скопіюйте код для вбудовування на сайті зовнішнього сервісу.

  3. Вставте повний HTML-код у поле «Вставте html код iframe елемента».

Приклад:

<iframe src="https://example.com/embed/..." width="100%" height="100%" allowfullscreen></iframe>

Використовуйте код лише з надійних HTTPS-ресурсів, які дозволяють вбудовування на інших сайтах.


Розділ iFrame у редакторі WeStudy з доданим HTML-кодом для вбудовування зовнішнього матеріалу.






Крок 5.

Перевірте відображення матеріалу

Після додавання коду зовнішній матеріал з'явиться в центральній частині редактора.


Редактор iFrame-матеріалу WeStudy із вбудованою інтерактивною вправою та панеллю налаштувань


Натисніть «Перегляд», щоб перевірити:

  • чи завантажується вміст;

  • чи працюють інтерактивні елементи;

  • чи коректно матеріал відображається на сторінці;

  • чи доступний повноекранний режим, якщо він передбачений сервісом.

Якщо матеріал не відображається, перевірте правильність коду та можливість його вбудовування на сторонніх сайтах.




Крок 6.

Налаштуйте навчання та оцінювання

У розділі «Навчання та оцінювання» можна:

  • обрати спосіб оцінювання проходження;

  • призначити XP-бали;

  • додати результат до загального рейтингу курсу;

  • зробити матеріал обов'язковим для завершення курсу.

Застосовуйте ці налаштування відповідно до структури навчальної програми.


Налаштування оцінювання iFrame-матеріалу, XP-балів, рейтингу та обов'язкового проходження курсу.




Крок 7.

Збережіть і опублікуйте матеріал

  1. Ще раз перевірте назву, опис, зображення та вбудований контент.

  2. Збережіть внесені зміни.

  3. Опублікуйте матеріал або курс, щоб він став доступним студентам.


Сторінка курсу WeStudy зі статусом «Чернетка», кнопками «Опублікувати» та «Редагувати зміст курсу».




Спробуйте Westudy безкоштовно

Доступ до всіх функцій безкоштовно на 30 днів